import { defineConfig } from 'unocss'
import { presetUno, presetAttributify, presetIcons } from 'unocss'

export default defineConfig({
  theme: {
    // 🎯 只定义响应式断点，颜色完全交给 Element Plus
    breakpoints: {
      xs: '480px',
      sm: '640px', 
      md: '768px',
      lg: '1024px',
      xl: '1280px',
      '2xl': '1536px'
    }
  },
  shortcuts: {
    // 🔧 只定义布局和工具类快捷方式，不涉及颜色
    'flex-center': 'flex items-center justify-center',
    'flex-between': 'flex items-center justify-between',
    'flex-col-center': 'flex flex-col items-center justify-center',
    'absolute-center': 'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2',
    'full-screen': 'w-screen h-screen',
    'card-shadow': 'shadow-sm hover:shadow-md transition-shadow duration-200',
    'transition-all': 'transition-all duration-300 ease-in-out'
  },
  presets: [
    presetUno(), 
    presetAttributify(), 
    presetIcons()
  ]
});